<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let month=[]
        for(let i=0;i<4;i++){
            let num= +prompt (`请输入第${i+1}季度的数据`)
            month.push(num)
        }
        document.write(`<div style="display:flex;
                         align-items:flex-end;
                         height:300px;
                         margin:20px";
                          justify-content:space-around;>`)
        for( let i=0;i<month.length;i++){
            let item=month[i]
            document.write(`
                           <div style="width:80px;
                            margin:0 20px;
                            background-color:pink;
                            color:black;
                            text-align:center;">

                            <div style="height:${item}px;"></div>
                            <div>${item}</div>
                            <div style="margin-top:5px;
                                 color:black;">
                                 第${i+1}季度</div>
                             </div>
                        `)   
        }
        document.write(`</div>`)
    </script>
</body>
</html>